{% extends "layout.html" %} 
{% block content %}
<script src="http://m.zymk.cn/static/js/base.js?20170629143525"></script>
<script src="../../../static/js/wap_read.js"></script>
<header class="header">
  <div class="left-menu">
    <a href="javascript:history.go(-1);" rel="nofollow" class="goback"><i class="ift-goback"></i></a>
  </div>
  <h1 class="title">06</h1>
  <div class="right-menu">
    <!-- <div class="pages"><strong class="cur-page">1</strong>/<span class="total-page">23</span></div> -->
    <div class="nav-more">
      <div class="hd">
        <i class="ift-more"></i>
      </div>
      <ul class="bd">
        <li><a href="/">返回首页</a></li>
        <li><a href="javascript:void(0);" class="contact">反馈报错</a></li>
      </ul>
    </div>
  </div>
</header>
<ul id="tools">
  <li class="item" id="share">
    <div class="hd" title="分享">
      <i class="ift-share"></i>
      <span class="text">分享</span>
    </div>
    <div class="bd">
      <div class="share bdsharebuttonbox">
        <ul class="share-list">
          <li class="item"><a href="#" rel="nofollow" data-cmd="sqq" class="ift-qq bds_sqq" title="分享到QQ空间"></a></li>
          <li class="item">
            <a href="#" rel="nofollow" data-cmd="tsina" class="ift-sina bds_tsina" title="分享到新浪微博"></a>
          </li>
          <li class="item"><a href="#" rel="nofollow" data-cmd="weixin" class="ift-weixin bds_weixin" title="分享到微信"></a></li>
          <li class="item"><a href="#" rel="nofollow" data-cmd="qzone" class="ift-qqzone bds_qqzone" title="分享到QQ空间"></a></li>
        </ul>
      </div>
    </div>
  </li>
  <li class="item" id="readModeMenu">
    <div class="hd">
      <i class="ift-juan"></i>
      <span class="text" title="阅读模式">卷轴</span>
    </div>
    <!-- <div class="bd">
        <ul class="read-model">
          <li data-readmode="1">单页模式</li>
          <li data-readmode="2">双击模式</li>
          <li data-readmode="3">卷轴模式</li>
        </ul>
      </div> -->
  </li>
  <li class="item collect" id="read_collect">
    <div class="hd">
      <!-- <div class="tips"><strong>231313</strong></div> -->
      <i class="ift-collect"></i>
      <span class="text" title="已收藏">已收藏</span>
    </div>
  </li>
  <li class="item" id="pagePrev" data-prevbook="122.html">
    <span class="hd">
        <i class="ift-prev"></i>
        <span class="text" title="上一页">上一页</span>
    </span>
  </li>
  <li class="item" id="pageNext" data-nextbook="122.html">
    <span class="hd">
        <i class="ift-next"></i>
        <span class="text" title="下一页">下一页</span>
    </span>
  </li>
</ul>
<section id="content">
  <div class="comiclist">
    <script>__cr.init({{data | safe}})</script>
</section>
<div class="readend" id="readEnd">
  <div class="bd">
    <h2 class="title">您已阅读完毕 <strong>偷星九月天第402话</strong> , 您还可以</h2>
    <ul class="switch clearfix">
      <li class="prev"><i class="ift-prev"></i><span class="text">上一话第401话</span></li>
      <li class="chapter"><i class="ift-chapter"></i><span class="text">偷星九月天漫画目录</span></li>
      <li class="next"><i class="ift-next"></i><span class="text">立即阅读下一话</span></li>
    </ul>
  </div>
  <div class="ft">
    <p>知音漫客是更新正版漫画偷星九月天漫画最快质量最高的漫画的网站, 如果您喜欢偷星九月天就请将本站推荐给朋友</p>
    <div class="share bdsharebuttonbox" data-tag="2">
      <a href="#" rel="nofollow" data-cmd="qq" class="ift-qq bds_qq"></a>
      <a href="#" rel="nofollow" data-cmd="sina" class="ift-sina bds_sina"></a>
      <a href="#" rel="nofollow" data-cmd="weixin" class="ift-weixin bds_weixin"></a>
      <a href="#" rel="nofollow" data-cmd="qqzone" class="ift-qqzone bds_qqzone"></a>
    </div>
  </div>
</div>
<!-- <footer id="footer">
    <p class="copyright">
      小明太极(湖北)国漫文化有限公司  版权所有    鄂ICP备 42010602000208号<br>
      Copyright ©2009-2016 <a href="//zymk.cn" class="attr">zymk.cn</a>
    </p>
    <ul class="filing">
      <li><a href="#"><img src="/static/img/icon_ba.png" alt="经营性网站备案信息"></a></li>
      <li><a href="#"><img src="/static/img/icon_cx.png" alt="诚信网站"></a></li>
      <li><a href="#"><img src="/static/img/icon_wj.png" alt="湖北网络警察提醒您"></a></li>
    </ul>
  </footer> -->


<div class="pay-box" style="display: none;">
  <div class="login-info tac">
    <h1 class="title">大人，你遇到付款章节了</h1>
    <!-- 用户登录 -->
    <p class="gold-num">我的元宝: <strong>1000</strong> 元宝 <a href="#" class="refill">充值></a></p>
    <!-- 用户未登录 -->
    <div class="tac">
      <span class="pay-btn pay-btn-primary">登录购买</span>
      <p class="pay-ft">登录后查询元宝数</p>
    </div>
  </div>
  <div class="pay-info clearfix">
    <div class="tac">
      <div class="pay-single">
        <h2 class="title">【购买】章鱼小妹 34话-游泳健将的诞生</h2>
        <p class="gold-num">支付<strong>20</strong>元宝</p>
        <span class="pay-btn pay-btn-gray">暂不购买</span>&nbsp;&nbsp;<span class="pay-btn pay-btn-primary">购买此章节</span>
        <p class="pay-ft">
          <input type="checkbox" checked="checked" name="autobuy" id="autobuy"><label for="autobuy">自动购买</label>
        </p>
      </div>
    </div>
    <!-- <div class="pay-type tac">
      <div class="pay-batch">
        <h2 class="title">【批量购买】章鱼小妹 共5话</h2>
        <p class="gold-num">支付<strong>100</strong>元宝</p>
        <span class="pay-btn pay-btn-primary">购买此漫画</span>
        <p class="pay-ft">一次购买整本需付款漫画</p>
      </div>
    </div> -->
  </div>
</div>
<!-- 用户章节购买成功后弹出，并在3秒后自动关闭 -->
<div class="pay-box2 pay-ok clearfix" style="display: none;">
  <div class="thumb">
    <img src="../static/images/payok.jpg">
  </div>
  <div class="bd">
    <p>章节购买成功！</p>
    <p class="gold-num">当前元宝<strong>980</strong>元宝</p>
    <span class="pay-btn pay-btn-primary">确定</span>
  </div>
</div>
<!-- 用户支付页面 -->
<div class="pay-box2 pay-page" style="display: none;">
  <div class="user-info">
    <div class="thumb">
      <img src="http://image.zymk.cn/file/head/000/057/588.jpg" alt="">
    </div>
    <div class="bd">
      <p><span class="label-title">充值账户:</span> wenzi1234</p>
      <p><span class="label-title">当前元宝:</span><strong class="red">0</strong>元宝</p>
    </div>
  </div>
  <dl class="pay-select">
    <dt class="label-title">充值方式:</dt>
    <dd class="clearfix">
      <ul class="channelList">
        <li class="item"><input type="radio" name="pay" checked="checked" id="alipay"><label for="alipay" class="alipay"><span class="txt">支付宝</span></label></li>
        <li class="item"><input type="radio" name="pay" id="weixinpay"><label for="weixinpay" class="weixinpay"><span class="txt">微信支付</span></label></li>
      </ul>
    </dd>
    <dt class="label-title">充值金额</dt>
    <dd class="clearfix">
      <ul class="channelList">
        <li class="item"><input type="radio" name="gold" id="money2" checked="checked"><label for="money2">2元<span class="gray">(200元宝)</span></label></li>
        <li class="item"><input type="radio" name="gold" id="money5"><label for="money5">5元<span class="gray">(500元宝)</span></label></li>
        <li class="item"><input type="radio" name="gold" id="money10"><label for="money10">10元<span class="gray">(1000元宝)</span></label></li>
        <li class="item"><input type="radio" name="gold" id="money20"><label for="money20">20元<span class="gray">(2000元宝)</span></label></li>
      </ul>
    </dd>
  </dl>
  <div class="pay-page-ft tac">
    <p class="pay-total-num">需要支付<strong>2元</strong></p>
    <p><a href="#" class="pay-btn pay-btn-primary">去支付</a></p>
  </div>
</div>
<!-- 订单支付页面 -->
<div class="pay-box2 pay-order" style="display: none;">
  <div class="hd">
    <p>请你及时付款， 订单号：2783711871288</p>
    <p>请您在提交订单2小时内完成支付，否则订单会自动取消。</p>
    <div class="pay-total-num">￥2.00</div>
  </div>
  <div class="rqCode">
    <div class="thumb"><img src="//qr.api.cli.im/qr?data=https%253A%252F%252Fpro.modao.cc%252Fapp%252F9Qf8jyTlccdSuIln5lHoPgOAu9Oi6Ci%2523screen%253Ds20A3009CE21492068729660&level=H&transparent=false&bgcolor=%23ffffff&forecolor=%23000000&blockpixel=12&marginblock=1&logourl=&size=280&kid=cliim&key=1a1a1da1c08d08f899bf17ce897fd6d3">
    </div>
    <div class="info">
      请使用微信扫一扫<br> 扫描二维码支付
    </div>

  </div>
  <div class="ft">
    <a href="" class="blue">选择其他支付方式</a>
  </div>
</div>
<div class="pay-box2 pay-order" style="display: none;">
  <div class="hd">
    <p>请你及时付款， 订单号：2783711871288</p>
    <p>请您在提交订单2小时内完成支付，否则订单会自动取消。</p>
  </div>
  <div class="pay-ok clearfix">
    <div class="thumb">
      <img src="../static/images/payok.jpg">
    </div>
    <div class="bd">
      <p class="red">充值成功！<br>感谢大人的支持，快去购买喜欢的漫画吧~</p>
    </div>
  </div>
</div>
<!-- 购买成功提示 -->
<div class="pay-box2 pay-ok clearfix" style="display: none;">
  <div class="thumb">
    <img src="../static/images/payok.jpg">
  </div>
  <div class="bd">
    <p>充值成功！<br>感谢大人的支持，快去购买喜欢的漫画吧~</p>
  </div>
</div>
{% endblock %}